﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="/scripts/date-en-GB.js"></script>
    <script type="text/javascript" src="/Scripts/jquery-1.4.1.min.js"></script>
    <script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
    <style type="text/css">
        body
        {
            margin: 200px;
            color: #43431f;
            font-family: Verdana, Helvetica, sans-serif;
        }
        
        body, html
        {
            color: #000000;
        }
        .clsDateJS
        {
            border: 1px solid black;
        }
        #suggestions
        {
            background: url("/Content/Images/information.png") no-repeat scroll 6px 10px #F0F0F0;
            margin-left: 70px;
            padding: 8px 8px 8px 30px;
            width: 330px;
        }
        #suggestions p
        {
            font-weight: bold;
            margin: 0 0 8px;
            padding: 0;
        }
        
        p
        {
            line-height: 20px;
        }
        .tooltip
        {
            display: none;
            background-color: #EEE;
            border: 1px solid #cc9;
            padding: 3px;
            font-size: 13px;
            -moz-box-shadow: 2px 2px 11px #666;
            -webkit-box-shadow: 2px 2px 11px #666;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $("#txtDate").val(GetToday());
            $('.clsDateJS').keyup(function () {
                var parsedDate = Date.parse($(this).val());
                if (parsedDate != null) {
                    $(this).next("input").val(parsedDate.toString(Date.CultureInfo.formatPatterns.shortDate));
                    $(this).css("border", "1px solid black");
                }
                else {
                    $(this).css("border", "1px solid red");
                }
            });
        });
        function GetToday() {
            return Date.today().toString(Date.CultureInfo.formatPatterns.shortDate);
        }
    </script>
</head>
<body>
    <br />
    <br />
    <a id="download_now" title="<b>Here’s a few suggestions to try…</b><br> today,  tomorrow, July 2008<br>next friday, last april,2009.08.07<br>+5y, -5 ">
        Enter date</a>
    <input type="text" id="txtDate" class="clsDateJS" />
    &nbsp;<input type="text" name="name" value="" style="border-width:0px" />
    <br />
    <br />
     <input type="text" id="Text1" class="clsDateJS" />
    &nbsp;<span id="span2"></span>
    <!--<br />
    <input type="text" id="Text1" class="txtDateJS" /><span id="span2"></span>
    <br />
    <br />
    <br />
    <div>
        <p>
            Here’s a few suggestions to try…</p>
        <table>
            <tbody>
                <tr>
                    <td>
                        today
                    </td>
                    <td>
                        tomorrow
                    </td>
                    <td>
                        July 2008
                    </td>
                </tr>
                <tr>
                    <td>
                        next friday
                    </td>
                    <td>
                        last April
                    </td>
                    <td>
                        2004.08.07
                    </td>
                </tr>
                <tr>
                    <td>
                        6/4/2005
                    </td>
                    <td>
                        8:15 PM
                    </td>
                    <td>
                        22:30:45
                    </td>
                </tr>
                <tr>
                    <td>
                        +5years
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
            </tbody>
        </table>
    </div>-->
</body>
</html>
